<META name="Description" content="This page describes the color chooser">
<META name="Keywords" content="color, colors, hex color, hex value, color chooser">
</HEAD>
<BODY bgcolor="white">
<font face="Charcoal" size="6">
The Color chooser
</font>
<p></p>
The color chooser is a nice tool to help you choosing and editing colors in your HTML document.
<P> </P>
<font color="#330099" face="Chicago" size="3">
Choosing a color
</font><BR> <BR>
Since HTML uses the hex system to precisely describe colors, you may find it difficult to enter a color that is different from pure combinations, such as FF0000 or AAAAAA. HTML also supports color names, but who can remember names like Lightgoldenroyellow and associate the right color with it? If you use CreaText's color chooser, don't worry about such details.<BR>
First, of course, open it. You can do this by clicking the color chooser button in the main window or choose the menu entry from the Web menu (Command-Option-C). You should see this:<BR>
On the left top, you see the RGB values of the current colors. They represent the three color values (red, green, blue) each color has and instead of the hex system they use the decimal system. To edit them, you can change the values by entering a new number with your keyboard, use the arrows or use the slider. The minimum number for each is 0, and the maximum is 255.<BR>
On the right top, you see the HSV values of the current color. They represent the hue, saturation and value (or brightness) values the color has. Their value is determined by a number between 0 and 1, e.g. 0.123. This is useful when you don't want to change the color but, e.g., have it darker.<BR>
In the middle of the window, you see how the current color will look like. Left of that preview, there's a pop-up menu. It lists all existing HTML color names (from 'Aliceblue' to 'Yellowgreen'). When you select a color name, its corresponding RGB, HSV and HTML values as well as the color preview will be displayed.<BR>
At the bottom, the HTML value for the current color is displayed. This is the value the color chooser will insert if you push the Insert button.
<BR> <BR>
<font color="#330099" face="Chicago" size="3">
Editing colors
</font><BR> <BR>
There's a nice way you can use the color chooser to edit colors in your document. For example, you have a <<FONT color="blue">BODY</FONT>> tag with the bgcolor set to "Cornflowerblue". Maybe you don't know how this color looks like or you want it darker (or whatever). Use the mouse to select the color in the main window. Then open the color chooser. Now it should look like this:<BR>
As you can see, the color chooser checks if there is some text selected in the main window and tries to analyze it so you can directly edit it. The color chooser understands colors like #FFAE00 and color names, as shown in the example above.
